*{
  margin: 0;
 /* border: 1px solid; */
}

body{
	max-width:640px;
	min-width:300px;
	margin: 0 auto;
	background-color: #F5F6F7;
	width: 100%;
}

.r{
	position:fixed; 
	bottom:0;
	max-width:640px;
	min-width:300px;
	width:100%;
	line-height: 59px;
	margin: 0px;
	padding: 0px;
	z-index:999;
	background-color: #FFFFFF;
	height: 46px;
	border-top:1px solid #E1E1E1 ;
}

.navbom{
	display: inline;
	float: left;
	width: 33%;
	height: 45px;
	text-align: center;
}


#header {
	background: url(../img/backimg.jpg) no-repeat;
	background-size: 100%;
}
.userInfo {
	height: ;
}
p#myName {
	margin-top: 10px;
/*	position:absolute; */
	font-size: 1em;
	margin-bottom: 10px;
}

img#backimg{
	height: 70%;
	width: 100%;
}
.gap {
	width: 100%; 
	background: #AAAAAA;
	margin-top: 15px;
}

div#topic, div#message, div#money, div#comment {
	background-repeat: no-repeat;
	padding-left: 3.2em;
	background-size:27px;
	font-size: 15px;
	background-position: 20px 11px;
	border-top: 0.5px solid #F2F2F2;
}

div#topic {
	background-image: url("../img/topics.svg");
}

div#message {
	background-image: url("../img/message.svg");
}

div#money {
	background-image: url("../img/money.svg");
}

div#comment {
	background-image: url("../img/comment.svg");
}

#foodimg1, #foodimg2, #foodimg3 {
	position: relative;
    background:center 2px no-repeat;
    
    top: 4px;
}

#foodimg1 {
	background-image: url("../img/oncircle.svg");
	background-size: 19px;
}

#foodimg2 {
	background-image: url("../img/dynamic.svg");
	background-size: 20px;
}

#foodimg3 {
	background-image: url("../img/mine3.svg");
background-size: 20px;
}

.footp {
	font-size:12px ;
	vertical-align: baseline;
}




